/* pages/shop-car/shop-car.wxss */
@import '../../common/scss/base.scss';
page{
    background:$theme-color;
    .van-icon-checked, .van-icon-circle{
      font-size: 46rpx;
    }
    .van-icon-checked{
      color: #D0021B;
    }
    .van-icon-circle{
      color: #C9C9C9;
    }
    // 暂无数据
  .no_cart{
    position: absolute;
    height: auto;
    width: 100%;
    box-sizing: border-box;
    .no_cart_box{
      width: 100%;
      height: auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 140rpx 16rpx 0;
      box-sizing:border-box;
      text{
        font-size: 32rpx;
        color: #B2B2B2;
        margin-top: 54rpx
      }
      image{
        width:236rpx;
        height:236rpx
      }
      .btn{
        width: 296rpx;
        height: 88rpx;
        background-color: #D0021B;
        line-height: 88rpx;
        color: #fff;
        text-align: center;
        margin-top: 48rpx;
        border-radius: 12rpx;
        font-size: 32rpx
      }
    }
  }
  // 列表
  .has-cart{
    padding: 20rpx;
    .van-swipe-cell{
      background-color: #ffffff;
      border-radius: 20rpx;
      margin-bottom: 20rpx;
    }
    .list-cell{
      display:flex;
      width: 710rpx;
      align-items:center;
      padding: 20rpx;
      box-sizing: border-box;
      .shop-car-good{
        display: flex;
      }
      image{
        width: 46rpx;
        height: 46rpx;
      }
      .goods-img{
        width: 176rpx;
        height: 176rpx;
        margin:0 20rpx;
      }
      .good-content{
        width: 404rpx;
        .title{
          font-size:26rpx;
          font-family:PingFangSC-Regular;
          font-weight:bold;
          color:rgba(53,53,53,1);
          line-height:40rpx;
          width:368rpx;
          display:-webkit-box;
          -webkit-box-orient:vertical;
          -webkit-line-clamp:2;
          overflow:hidden;
          height:80rpx;
        }
        .spe{
          font-size:24rpx;
          font-family:PingFangSC-Regular;
          font-weight:400;
          color:rgba(178,178,178,1);
          line-height:36rpx;
          letter-spacing: 1rpx;
          padding: 12rpx 0;
        }
        .cart-good-num{
          display:flex;
          align-items:center;
          justify-content:space-between;
          .price{
            font-size:28rpx;
            font-family:PingFangSC-Regular;
            font-weight:400;
            color:rgba(208,2,27,1);
            line-height:44rpx;
          }
          .num{
            display:flex;
            align-items:center;
            input{
              width: 56rpx;
              height: 44rpx;
              background:rgba(243,243,243,1);
              text-align: center;
              font-size:24rpx;
              font-family:PingFangSC-Regular;
              font-weight:400;
              color:rgba(0,0,0,1);
              line-height:20rpx;
            }
          }
        }
      }
    }
    .cell-cancel{
      font-size:28rpx;
      font-family:PingFangSC-Regular;
      font-weight:400;
      color:rgba(255,255,255,1);
      line-height:40rpx;
      width: 120rpx;
      text-align: center;
      background-color: rgba(208,2,27,1);
      border-top-right-radius: 20rpx;
      border-bottom-right-radius: 20rpx;
      line-height: 224rpx;
    }
  }
  .shop-car-bottom{
    width:100%;
    height:96rpx;
    background-color:#ffffff;
    position:fixed;
    bottom:0;
    display:flex;
    align-items:center;
    .shop-select-money{
      width: 514rpx;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding: 6rpx 24rpx;
      box-sizing: border-box;
      .shop-select-all{
        display: flex;
        align-items: center;
        // .van-icon-checked{
        //   font-size: 46rpx;
        //   color: #D0021B;
        // }
        image{
          width: 46rpx;
          height: 46rpx;
          margin-left:4rpx;
        }
        .all-select{
          font-size:24rpx;
          font-family:PingFangSC-Regular;
          font-weight:400;
          color:#353535;
          line-height:0;
          margin-left:20rpx;
        }
      }
     .shop-all-money{
      view{
        font-family:PingFangSC-Regular;
        font-weight:400;
        display: flex;
        align-items: center;
        justify-content:flex-end;
      }
      .all-money{
        view{
          &:first-child{
            font-size: 28rpx;
            color: #353535;
            margin-right: 8rpx;
          }
          &:nth-child(2){
            font-size: 24rpx;
            color: #D0021B;
          }
          &:last-child{
            font-size: 32rpx;
            color: #D0021B;
          }
        }
      }
      .make-money{
        color: #000000;
        font-size: 24rpx;
        view{
          &:nth-child(2){
            font-size: 20rpx;
          }
        }
      }
     }
    }
    .settlement{
      width:236rpx;
      height:96rpx;
      background:#d0021b;
      font-size:32rpx;
      font-family:PingFangSC-Regular;
      font-weight:400;
      color:white;
      line-height:96rpx;
      text-align:center;
      letter-spacing: 1rpx;
    }
  }
}
